<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>HTML测试</title>
	</head>
	<body>
		<h1>网站一级标题</h1>
		<ul>
			<li><a href="#">导航链接一</a></li>
			<li><a href="#">导航链接二</a></li>
			<li><a href="#">导航链接三</a></li>
			<li><a href="#">导航链接四</a></li>
		</ul>
		<h2>文章一级标题</h2>
		<h3>文章二级标题</h3>
		<p>文章作者&nbsp;文章发表时间</p>
		<p>
		这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落
		<br/>换行了<br/>
		这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，
		<a href="http://ife.baidu.com">这里有一个链接链接到http://ife.baidu.com</a>
		这是一个很长很长很长的段落，
		<b>这里有粗体字</b>
		这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落,
		这是一个很长很长很长的段落,这是一个很长很长很长的段落,这是一个很长很长很长的段落，这是一个很长很长很长的段落.
		<br/><img src="../img/键盘.png" alt="图片位置"/><br/>
		这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落,
		这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，
		这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，
		这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，
		这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，
		<br/>换行了<br/>
		很长很长很长的段落，很长很长很长的段落，
		<b>这里有粗体字</b>
		这是一个很长很长很长的段落，
		<a href="http://ife.baidu.com" target="_blank">这里有一个链接点击后打开新窗口链接http://ife.baidu.com</a>
		这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落。
		</p>
		<h2>另一篇文章一级标题</h2>
		<h3>文章二级标题</h3>
		<p>文章作者&nbsp;文章发表时间</p>
		<p>
		这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落
		<br/>换行了<br/>
		这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，
		<br/>换行了<br/>
		这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，
		<a href="http://ife.baidu.com">这里有一个链接链接到http://ife.baidu.com</a>
		这是一个很长很长很长的段落，
		<b>这里有粗体字</b>
		这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落,
		这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，
		这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，
		这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，
		这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，
		这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落，这是一个很长很长很长的段落。
		<br/><img src="../img/键盘.png" alt="图片位置"><br/>
		<ul>
			<li>列表项目一</li>
			<li>列表项目二</li>
			<li>列表项目三</li>
		</ul>
		</p>
		<div><h2>图片</h2></div>
		<div>
		<span>好看的图片</span><br/>
		<img  src="../img/键盘.png" alt="图片位置"/><br/>
		<span>好看的图片</span><br/>
		<img  src="../img/键盘.png" alt="图片位置"/><br/>
		<span>好看的图片</span><br/>
		<img  src="../img/键盘.png" alt="图片位置"/><br/>
		<span>好看的图片</span><br/>
		<img  src="../img/键盘.png" alt="图片位置"/><br/>
		<span>好看的图片</span><br/>
		<img  src="../img/键盘.png" alt="图片位置"/><br/>
		<span>好看的图片</span><br/>
		<img  src="../img/键盘.png" alt="图片位置"/><br/>
		<span>好看的图片</span><br/>
		<img  src="../img/键盘.png" alt="图片位置"/><br/>
		</div>
		<h2>最后一篇文章一级标题</h2>
		<h3>文章二级标题</h3>
		<p>文章作者&nbsp;文章发表时间</p>
		<ol>
			<li>排名1</li>
			<li>排名2</li>
			<li>排名3</li>
		</ol>
		下面是一个表格，给表格加一个border="1"好让你看得出这是一个表格
		<table border="1">
			<th>表头1</th>
			<th>表头2</th>
			<th>表头3</th>
			<tr>	
				<td>表内容单元格</td>
				<td>表内容单元格</td>
				<td><a href="#">操作</a></td>
			</tr>
			<tr>	
				<td>表内容单元格</td>
				<td>表内容单元格</td>
				<td><a href="#">操作</a></td>
			</tr>
			<tr>	
				<td>表内容单元格</td>
				<td>表内容单元格</td>
				<td><a href="#">操作</a></td>
			</tr>
			<tr>	
				<td>表内容单元格</td>
				<td>表内容单元格</td>
				<td><a href="#">操作</a></td>
			</tr>
			<tr>
				<td>总计</td>
				<td colspan="2">1000</td>
			</tr>
		</table>
		<h2>这里以后是一个侧栏，这是侧栏的标题</h2>
		<h3>侧栏注册窗口标题</h3>
		<p>请输入邮箱地址：<input type="text" value="这是一个文本输入框" name="text" /></p>
		<p>邮箱地址请按要求格式输入</p>
		<p>请输入密码：<input type="text" value="这是一个文本输入框" name="text" /> 请重复输入密码：<input type="text" value="这是一个文本输入框" name="text" /></p>
		<p>密码为6-16位英文数字</p><br/>
		性别：
		<input type="radio" name="sex" value="男" checked/>男
		<input type="radio" name="sex" value="nv" checked/>女
		城市：
		<select name="address">
			<option value="北京">北京</option>	
			<option value="海口">海口</option>	
			<option value="哈尔滨">哈尔滨</option>	
		</select>
		爱好：
		<input type="checkbox" value="sport" />运动
		<input type="checkbox" value="article" />艺术
		<input type="checkbox" value="science" />科学
		个人描述：<textarea name="description" rows="2" cols="30" >这是一个多行输入框，输入您的个人描述</textarea>
		<input type="button" name="button" value="确认提交"/>
		<br/>
		版权所有&copy;
	</body>	
</html>